body { 
	background-color: white;
	color: black;
	font-family: Arial, sans-serif;
	font-size: small;
	margin: 5px;
}

a {	
	color: darkblue;
}

a:visited {	
	color: darkblue; 
}

.gwt-DialogBox {
	border: 2px solid #AAAAAA;
	background-color: white;
}

.gwt-DialogBox .Caption {
	background-image: url(gray_gradient.gif);
	background-repeat: repeat-x;
	padding: 4px;
	padding-bottom: 8px;
	font-weight: bold;
	cursor: default;
}

.gwt-MenuBar {
	background-color: #C3D9FF;
	cursor: default;
}

.gwt-MenuItem {
	font-size: 80%;
	margin: 1px;
	cursor: default;
}

.gwt-MenuItem-selected {
	background-color: #E8EEF7;
}

.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
	font-size: 80%;
	cursor: default;
}

.gwt-Tree .gwt-TreeItem-selected {
	background-color: #C3D9FF;
}

.gwt-StackPanel {
	background-color: white;
	border: 1px solid #AAAAAA;
	width: 15em;
}

.gwt-StackPanel .gwt-StackPanelItem {
	background-image: url(blue_gradient.gif);
	background-repeat: repeat-x;
	background-color: #EEEEEE;
	cursor: pointer;
	cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

.gwt-TabPanel {
	
}

.gwt-TabPanelBottom {
	border-left: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
}

.gwt-TabBar {
	font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
	height: 100%;
	border-bottom: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
	border-bottom: 1px solid #87b3ff;
	padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
	border-top: 1px solid #87b3ff;
	border-bottom: 1px solid #87b3ff;
	padding: 2px;
	cursor: hand;
	white-space: nowrap;
	border-right: 1px solid #87b3ff;
}

.gwt-TabBar .gwt-TabBarItem-selected {
	font-weight: bold;
	background-color: #e8eef7;
	border-top: 1px solid #87b3ff;
	border-right: 1px solid #87b3ff;
	border-bottom: 1px solid #e8eef7;
	padding: 2px;
	cursor: default;
	white-space: nowrap;
}

.gwt-PushButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  border: 2px solid transparent;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down-hovering {
  background-color: #C3D9FF;
  padding: 2px;
  background-color: #E8F1FF;
  border: 2px solid transparent;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
  cursor: pointer;
  cursor: hand;
}

.gwt-RichTextArea {
  border: 1px solid black;
  background-color: white;
}

.gwt-RichTextToolbar {
  background-color: #C3D9FF;
  padding: 2px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 2px;
  border: 1px solid #C3D9FF;
  border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) rgb(232, 241, 255);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 2px;
  background-color: #E8F1FF;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 2px;
  background-color: #E8F1FF;
  border: 1px solid #C3D9FF;
  border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) rgb(157, 174, 205);
}

.gwt-HorizontalSplitPanel {
	border: 8px solid #C3D9FF;
}

.gwt-HorizontalSplitPanel .splitter {
	background-color: #C3D9FF;
	cursor: move;
}

.gwt-HorizontalSplitPanel .left {
  background-color: #E8EEF7;
}

.gwt-VerticalSplitPanel {
	border: 8px solid #C3D9FF;
}

.gwt-VerticalSplitPanel .splitter {
	background-color: #C3D9FF;
	height: 8px;
	cursor: move;
}

.gwt-SuggestBoxPopup {
	border: 2px solid #C3D9FF;
}

.gwt-SuggestBoxPopup .item {
	padding: 2px;
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: #C3D9FF;
	padding: 2px;
}

.gwt-DisclosurePanel {
	border: 2px solid #C3D9FF;
}

.gwt-DisclosurePanel .header {
	background-color: #e8eef7;
	cursor: hand;
}


/* ADDED */

.kandydatki-item{
		  cursor: pointer;
		  position: relative;
		  margin: 10px;
		  display:inline-block;	
}
.kandydatki-item img{
		position:relative;
		-webkit-filter: grayscale(100%);	
		width: 250px;
		height: 400px;
}
.kandydatki-item img:hover,.kandydatki-item img.selected{
	-webkit-filter: grayscale(0%);
}
.kandydatki-item .name{
	  position: absolute;
	  text-align: center;
	  background: rgba(65, 65, 65, 0.7);
	  width: 100%;
	  bottom: 0;
	  left: 0;
	  font-size: 35px;
	  color: #999999;
	  display: block;	
}

.main-menuPanel {
	
	background-color: #1a1a1a;
	height: 25px;
	padding: 5px;
	width: 350px;
	margin: 50px 0;			
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
	-webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
	box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;		
	
	display:block;
	margin:0 auto;
	width: 730px;
	
	
}
.main-menuPanel .button {
     
/*      height: 50px;   */
/*      line-height: 50px;   */
/*      color: white;   */
/*      text-decoration: none;   */
/*      font-size: 20px;   */
/*      font-family: helvetica, arial;   */
/*      font-weight: bold;   */
/*      display: block;   */
/*      text-align: center;   */
/*      position: relative;   */
  
/*      BACKGROUND GRADIENTS   */
/*      background: #014464;   */
/*      background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);   */
/*      background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C));   */
/*      BORDER RADIUS   */
/*      -moz-border-radius: 10px;   */
/*      -webkit-border-radius: 10px;   */
/*      border-radius: 10px;   */
  
/*      border: 1px solid #368DBE;   */
/*      border-top: 1px solid #c3d6df;   */
/*      TEXT SHADOW   */
  
/*      text-shadow: 1px 1px 1px black;   */
  
/*      BOX SHADOW   */
/*      -moz-box-shadow: 0 1px 3px black;   */
/*      -webkit-box-shadow: 0 1px 3px black;   */
/*      box-shadow: 0 1px 3px black;        */
     
     /* ADDED */

     	cursor:pointer;
     	border:none;
     	background-color:none;
     	box-sizing:initial;
     
     	width: 22%;
     	margin-left: 11px;
     	display: inline-block;
		height: 100%;	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
		box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	        -webkit-transition: width .4s ease-in-out;
        -moz-transition: width .4s ease-in-out;
        -ms-transition: width .4s ease-in-out;
        -o-transition: width .4s ease-in-out;
        transition: width .4s ease-in-out;	
        
        /*ADDED */
        background:#777777;
        color:white;
        font-family: Helvetica;
     	
}

.main-menuPanel .button:first-child{
	margin-left: 0;
}

.main-menuPanel .button.disabled{
	width: 0;
	border:none;
	padding:0;
}

.kandydatki-content{
	display:inline-block;'
}

.content{
	text-align:center;
}
.main-menuPanel .button:first-child{
	margin-left:0;
}
#page{
	margin:0 auto !important;
	width:1000px;
}

.kategory-list{
	display:block;
	margin:0 auto;
	margin-top:20px;
	
}
.kategory-list .kategory{
	display:block;
	margin-bottom: 14px;

}
.kategory-list .kategory .left{
	display:inline-block;
	width:120px;
	color:white;
}
.kategory-list .kategory .right{
	display:inline-block;
	width: 120px;
	color:white;

}
.kategory-list .kategory  .slider{
	display: inline-block;
}
.slider{
  width: 270px;
  height: 13px;  
  border-top:2px solid #000;
  border-bottom:2px solid #ccc;
  
  background: #262626 ;
  
  -moz-border-radius: 100px;  
  -webkit-border-radius: 10px;  
  border-radius: 100px;
  
  box-shadow: inset rgba(0,0,0,0.2) 0px 5px 6px ;
}

.slider a{

  -moz-border-radius: 100px !important;  
  -webkit-border-radius: 100px !important;  
  border-radius: 100px !important;  
  
  background-image: -webkit-linear-gradient(top, #eee, #bbb 70%, #9f9f9f 100% );
  background-image: -moz-linear-gradient(top, #eee, #bbb 70%, #9f9f9f 100% );
  background-image: -ms-linear-gradient(top, #eee, #bbb 70%, #9f9f9f 100% );
  background-image: -o-linear-gradient(top, #eee, #bbb 70%, #9f9f9f 100% );
  background-image: linear-gradient(top, #eee, #bbb 70%, #9f9f9f 100% ) !important;
  
  background-position: 0 6px;
  background-color: #eee !important;
  background-repeat: no-repeat !important;
  
  -webkit-box-shadow: rgba(0,0,0,.4) 0 3px 6px;  
  -moz-box-shadow: rgba(0,0,0,.4) 0 3px 6px;  
  box-shadow: rgba(0,0,0,.4) 0 3px 6px !important;
  
  -webkit-transition: all .1s ease-in;
  -moz-transition: all .1s ease-in;
  -ms-transition: all .1s ease-in;
  -o-transition: all .1s ease-in;
  transition: all .1s ease-in !important;	
  
  outline:none;
}

.slider a:hover{
	 background-position: 0 0px;
  -webkit-box-shadow: rgba(0,0,0,.4) 0 3px 8px;  
  -moz-box-shadow: rgba(0,0,0,.4) 0 3px 8px;  
  box-shadow: rgba(0,0,0,.4) 0 3px 8px;	
}

.porownania{
	display: inline-block;	
	background: rgb(0,0,0);
	background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(66,66,66,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(66,66,66,1)));
	background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(66,66,66,1) 100%);
	background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(66,66,66,1) 100%);
	background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(66,66,66,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(66,66,66,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#424242',GradientType=0 );

}

.porownania .bottom{
	position:relative;
}

.porownania .bottom button{
	position: absolute;
	bottom: 0px;
	left: 402px;
}
.porownania .bottom button .second {
	bottom: 55px !important;
}

.kategory-list button, .porownania .bottom button{
  border-top:2px solid rgb(181,189,200);
  border-bottom:2px solid #ccc;
  
	background: rgb(181,189,200); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 ); /* IE6-9 */
	  
	-moz-border-radius: 5px;  
	-webkit-border-radius: 5px;  
	border-radius: 5px;
	  
	box-shadow: inset rgba(0,0,0,0.2) 0px 5px 6px ;	
	
	
	
	width: 200px;
	height:35px;
	line-height: 20px;
	color:white;
	font-family: Helvetiva;
	
}

.porownania .label{
	color:white;
	font-family: helvetica, arial;
	font-size: 20px;
	padding-top:20px;
	padding-bottom:20px;
	
}
.porownania .content-porownanie{
	display: inline-block;
	position:relative;
}
.porownania .content-porownanie .left{
	display: inline-block;
	float:left;
	position:relative;
}

.porownania .content-porownanie .right{
	display: inline-block;
	float:right;
	position:relative;
}
.porownania .content-porownanie .imie{
	position:absolute;
	bottom:0px;
	width:100%;
	height:140px;
	line-height:140px;
	font-size: 48px;
	font-family: Orator Std;
	color:#ffffff;
	background-color:rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(255,255,190,.75);
	-moz-box-shadow: 0 0 5px rgba(255,255,190,.75);
	box-shadow: 0 0 5px rgba(255,255,190,.75);	
	
	overflow:hidden;
}
.porownania .content-porownanie .sliders {
	padding-top: 100px;
	display: inline-block;
	width:300px;
	-webkit-box-shadow: inset 0 0 5px rgba(145,153,145,.75);
	-moz-box-shadow: inset 0 0 5px rgba(145,153,145,.75);
	box-shadow: inset 0 0 5px rgba(145,153,145,.75);	
}
.porownania .content-porownanie .sliders .wrapper{
	display: inline-block;
}
.content-porownanie .sliders .wrapper .nazwa{
	color:#ffffff;
	font-family: Minion Pro;
	font-size: 18px;
}

.wynik{
	
}

.wynik .content_wynik{
	
}
.wynik .content_wynik .first .imie{
	font-size: 60px !important;
	font-family: Helvetica;
}

.wynik .content_wynik .title{
	font-size: 22px !important;
}

.wynik .content_wynik .imie{
	font-size: 16px !important;
}

.wynik .warnings{
	margin-top:30px;
	color:white;
}

.wynik .warnings .gwt-Label:first-child{
	font-weight: normal;
	text-decoration: none;
}
.wynik .warnings .gwt-Label{
	font-weight: bold;
	text-decoration: underline;
}

.page-wrapper{
	width: 100%;
	height:100%;
	background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(66,66,66,1) 100%);
}

html{
	height: 100%;
}
body{
/* 	height:100%; */
}
iframe{
	display: none;
}

.porownania .bottom button.button2{
	bottom:40px;
}

.modale{
	position:absolute;
	top:50px !important;
	left:50% !important;
	z-index:9999;
}

.content_wynik{
	color:white;
	font-family: Helvetica;
}

.macierz_element{
	display: inline-block;
	margin-right: 10px;;
}


